body,
html {
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

.w-100 {
  box-sizing: border-box;
  width: 100vw;
  overflow: hidden;
}

a {
  color: #606266;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}

.flex-wrapper {
  display: flex;
}

.scroll-flex {
  flex-flow: row wrap;
}

.no-data {
  box-sizing: border-box;
  padding: 50px;
  font-size: 14px;
  color: #dedede;
  text-align: center;
}

.bottom {
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  color: #dedede;
  text-align: center;
}

.suspe {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pr {
  position: relative;
}

.flex {
  display: flex;
}

.flex-w {
  display: flex;
  flex-wrap: wrap;
}

.flex-m {
  display: flex;
  align-items: center;
}

.flex-m-c {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-m-sa {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-m-sb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-c {
  display: flex;
  justify-content: center;
}

.flex-sa {
  display: flex;
  justify-content: space-around;
}

.flex-sb {
  display: flex;
  justify-content: space-between;
}

.scrolling-touch {
  -webkit-overflow-scrolling: touch;
}
